<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图像标签</title>
</head>
<body>
    <h4>图像标签的使用:</h4>
    <img src="img.jpg"/>
    <img src="其他属性.png"/>
    <img src="注意点.png"/>
    <h4>alt 替换文本 图像显示不出来的时候用文字替换:</h4>
    <img src="img1.jpg" alt="这是美女图片"/>
    <h4>title 提示文本 鼠标放图像上提示的文字</h4>
    <img src="img.jpg" alt="这是美女图片" title="这是美女图片"/>
    <h4>width 给图像设定宽度 单独设定</h4>
    <img src="img.jpg" alt="这是美女图片" title="这是美女图片" width="500"/>
    <h4>height 给图像设定高度 不然会失真</h4>
    <img src="img.jpg" alt="这是美女图片" title="这是美女图片"  height="100"/>
    <h4>border 给图像设定边框</h4>
    <img src="img.jpg" alt="这是美女图片" title="这是美女图片" width="500" border="15"/>



</body>
</html>